/**
 * Created by Administrator on 2017/3/24.
 */
import React from 'react';
import { Row, Col } from 'antd';
import { hashHistory } from 'react-router';


 class NotSupported extends React.Component {

    constructor(props, context) {
        super(props, context);
        this.state = {};
    }

     backToLogin(){
         hashHistory.push("login");
     }


    render() {

        document.body.style.background="#FFFFFF";

        return (

            <div  >
                <Row style={{marginTop:'110px'}}>
                    <Col span={24}> <h5 style={{color:'gray',fontWeight:"100",  fontSize:50,textAlign:'center'}}> 请使用更先进的浏览器 </h5>  </Col>

                </Row>

                <Row style={{marginTop:'20px'}}>
                    <Col  span={24}><h5 style={{fontFamily:"sans-serif",fontWeight:"100",  color:'#a6a6a6',fontSize:20,textAlign:'center'}}> 更好的浏览器将为您提供更加贴心的服务体验 </h5></Col>
                </Row>

                <Row style={{marginTop:'110px'}} >
                    <Col span={3}></Col>
                    <Col span={6} style={{textAlign:'right'}}>
                        <a href="http://windows.microsoft.com/internet-explorer" target="_blank">
                            <img style={{height:185}}
                                 src="image/ie.png"
                                 alt="Internet Explorer 11" />
                        </a>
                    </Col>
                    <Col span={6} style={{textAlign:'center'}} >
                        <a href="http://www.google.cn/intl/zh-CN/chrome/browser" target="_blank">
                            <img   style={{height:185}}
                                   src="image/chrome.png"
                                   alt="Chrome" />
                        </a>
                    </Col>
                    <Col span={6} style={{textAlign:'left'}}>
                        <a href="https://www.mozilla.org/en-GB/firefox/new" target="_blank">
                            <img  style={{height:185}}
                                  src="image/firefox.png"
                                  alt="Firefox"/>
                        </a>
                    </Col>

                    <Col span={3}> </Col>
                </Row>

                <Row style={{marginTop:'60px'}}>
                    <Col span={14}> </Col>
                    <a onClick={this.backToLogin.bind(this)}> <font style={{fontSize:15}}>如果你已经更换了浏览器，请点击这里回到登录页面</font> </a>
                    <Col span={12}> </Col>
                </Row>
            </div>

        );
    }
}
export default NotSupported;